<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml" ><HEAD><TITLE>云和租房 - 首页</TITLE>
    <META content="text/html; charset=utf-8" http-equiv=Content-Type>
    <LINK rel=stylesheet type=text/css href="../static/css/css/style.css">
    <META name=GENERATOR content="MSHTML 8.00.7601.17514"></HEAD>
<script src="../static/css/js/jquery.js"></script>
<script type="text/javascript">
    $(function () {
        $("#ss").click(function () {
            var str1=$("#str1").val();
            var str1=$("#str2").val();
            var str1=$("#str3").val();
            var str1=$("#str4").val();
            var str1=$("#str5").val();
            var dataJSON={"str1":str1,"str2":str2,"str3":str3,"str4":str4,"str5":str5}
            $.ajax({
                url:"shou",
                type:"post",
                contentType:"application/json;charset=UTF-8",
                data:JSON.stringify(dataJSON),
                success:function (data) {
                    var eval1 = eval("("+data+")");
                    alert(eval1.str1)

                    if(data!=null){
                        $(".shou").empty();
                        for(var i=0;i<=data.length;i++){
                            $(".shou").append("<TD class=house-thumb><span><A href=\"#\" target=\"_blank\"><img th:src=\"'"+data[i].picture+"'\" width=\"100\" height=\"75\" alt=\"\"></a></span></TD>\n" +
                                "            <TD>\n" +
                                "                <DL>\n" +
                                "                    <DT><A th:href=\"@{../seHouse(hid='\"+data[i].hid+\"')}\" target=\"_blank\"><DT th:text=\"'\"+data[i].hname+\"'\"></DT></A></DT>\n" +
                                "                    <DT th:text=\"'\"+data[i].location+\"'\"></DT><DT ><SPAN th:text=\"'\"+data[i].area+\"'\"></SPAN>平米</DT>联系方式：<DT th:text=\"'\"+data[i].tel+\"'\"> </DT></DL></TD>\n" +
                                "            <TD th:text=\"'\"+data[i].htype+\"'\" class=house-type></TD>\n" +
                                "            <TD  class=house-price><SPAN th:text=\"'\"+data[i].price+\"'\"></SPAN>元/月</TD>")
                        }
                    }
                }

            })
        })
    })

</script>
<TABLE>
    <DIV id=header class=wrap>
        <DIV id=logo><IMG src="../static/css/images/logo.gif"></DIV></DIV>
    <DIV id=navbar class=wrap>
        <DL class="search clearfix">
            <DT>
                <UL>
                    <LI class=bold>房屋信息</LI>
                    <LI>标题：<INPUT id="str1" class=text type=text name=title> <LABEL class=ui-blue><INPUT id="ss"  value=搜索房屋 type=button name=search></LABEL>
                    </LI></UL></DT>
            <DD>
                <UL>
                    <LI class=first>价格 </LI>
                    <LI><SELECT name=price> <OPTION id="str2" selected value="">不限</OPTION> <OPTION
                            value=0-100>100元以下</OPTION> <OPTION value=100-200>100元—200元</OPTION>
                        <OPTION value=200-1000000>200元以上</OPTION></SELECT> </LI></UL></DD>
            <DD>
                <UL>
                    <LI class=first>房屋位置</LI>
                    <LI><SELECT id=street name=street_id> <OPTION id="str3" selected value="">不限</OPTION> <OPTION value=1000>知春路</OPTION> <OPTION
                            value=1001>棉一小区</OPTION> <OPTION value=1002>棉二小区</OPTION> <OPTION
                            value=1003>棉三小区</OPTION></SELECT> </LI></UL></DD>
            <DD>
                <UL>
                    <LI class=first>房型</LI>
                    <LI><SELECT name=type_id> <OPTION id="str4" selected value="">不限</OPTION> <OPTION
                            value=1000>一室一厅</OPTION> <OPTION value=1001>一室两厅</OPTION> <OPTION
                            value=1002>两室一厅</OPTION> <OPTION value=1003>两室两厅</OPTION></SELECT>
                    </LI></UL></DD>
            <DD>
                <UL>
                    <LI class=first>面积 </LI>
                    <LI><SELECT name=floorage> <OPTION id="str5" selected value="">不限</OPTION> <OPTION
                            value=0-40>40以下</OPTION> <OPTION value=40-500>40-500</OPTION> <OPTION
                            value=500-1000000>500以上</OPTION></SELECT> </LI></UL></DD></DL>

        <a href="selPeople">登录</a>    <a href="addPeople">注册</a>
    </DIV>


    <DIV class="main wrap">
        <TABLE  class="house-list">
            <TBODY>
            <TR th:each="house:${list}" class="shou">
                <TD class=house-thumb><img src="http://localhost:8899/icons/fer.jpg" width="80" height="60" alt=""/>
                <TD>
                    <DL>
                        <DT><A th:href="@{../seHouse(hid=${house.hid})}" target="_blank"><DT th:text="${house.hname}"></DT></A></DT>
                        <DT th:text="${house.location}"></DT><DT ><SPAN th:text="${house.area}"></SPAN>平米</DT>联系方式：<DT th:text="${house.tel}"> </DT></DL></TD>
                <TD th:text="${house.htype}" class=house-type></TD>
                <TD  class=house-price><SPAN th:text="${house.price}"></SPAN>元/月</TD></TR></TABLE>

        <DIV class=pager>
            <UL>
                <LI class=current><A href="queHouse">首页</A></LI>
                <LI><A href="#">上一页</A></LI>
                <LI><A href="@{../show(currPage='currPage+1')}">下一页</A></LI>
                <SPAN class=total>1/2页</SPAN> </UL></DIV></DIV></TABLE>
<DIV id=footer class=wrap>
    <DL>
        <DT>云和租房 © 2010 云和 京ICP证1000001号</DT>
        <DD>关于我们 · 联系方式 · 意见反馈 · 帮助中心</DD></DL></DIV></BODY></HTML>